<ion-header>
  <ion-navbar>
    <ion-title>
      HOME
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>

  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>

  <!--<h2 text-center>当前正上映{{inTheaters.total}}部电影</h2>-->

  <div class="moive-list">
    <div class="moive-item" *ngFor="let item of inTheaters.subjects">
      <div>
        <img [src]="item.images.medium">
      </div>
      <div>
        <div>
          <div class="item-title">
            {{item.title}}
          </div>
          <div class="item-casts">
            <div *ngFor="let cast of item.casts">
              {{cast.name}}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>

  <!--<button (click)='toHome1()'>detail</button>-->
</ion-content>